<template>
  <div>
    <tabbar>
      <tabbarItem :path="'/home'" activeColor="red">
        <i class="iconfont icon-home" slot="item_img"></i>
        <span slot="item_text">首页</span>
      </tabbarItem>
      <tabbarItem :path="'/classify'" activeColor="red">
        <i class="iconfont icon-editor" slot="item_img"></i>
        <span slot="item_text">分类</span>
      </tabbarItem>
      <tabbarItem :path="'/shoppingCar'" activeColor="red">
        <i class="iconfont icon-cart-full" slot="item_img"></i>
        <span slot="item_text">购物车</span>
      </tabbarItem>
      <tabbarItem :path="'/me'" activeColor="red">
        <i class="iconfont icon-Customermanagement" slot="item_img"></i>
        <span slot="item_text">我的</span>
      </tabbarItem>
    </tabbar>
  </div>
</template>

<script>
import tabbar from "../common/tabbar/tabbar.vue";
import tabbarItem from "../common/tabbar/tabbar-item/tarbar_item.vue";
export default {
  // 组件名称
  name: "maintabbar", // 组件参数 接收来自父组件的数据
  props: {}, // 局部注册的组件
  components: {
    tabbar,
    tabbarItem,
  }, // 组件状态值
  data() {
    return {};
  },
};
</script>


<style scoped>
</style>